<div class="banner">
    <div class="slider">
        <ul class="slider__wrapper">
            <php>
                $slide = getSlide(1);
            </php>
            <volist name="slide" id="r">
                <li class="slider__item">
                    <a href="{$r['link']}">
                        <img class='img' src="{$r['pic']}" alt="{$r['title']}" />
                        <img class='mobileimg' src="{$r['pic']}" />
                    </a>
                </li>
            </volist>
        </ul>
    </div>
</div>
<script>
    var glide = $('.slider').glide();
</script>